<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Draw Board</title>
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta name="format-detection" content="telephone=no" />
<meta name="apple-touch-fullscreen" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<link rel="stylesheet" type="text/css" href="css/main.css" />
</head>

<body>
<div class="page-body">
    <h1>iburning<small>.com</small></h1>
    <canvas id="canvas"></canvas>
    <div id="tools">
        <a id="new" href="javascript:;">New</a>
        <a id="color" href="javascript:;">Color</a>
        <a id="pen" href="javascript:;">Pen</a>
    </div>
    <ul class="color-selector" id="color-selector" style="display:none;">
        <li class="black" data-color="black"><span></span>black</li>
        <li class="grey" data-color="grey"><span></span>grey</li>
        <li class="white" data-color="white"><span></span>white</li>
        <li class="red" data-color="red"><span></span>red</li>
        <li class="blue" data-color="blue"><span></span>blue</li>
        <li class="green" data-color="green"><span></span>green</li>
        <li class="yellow" data-color="yellow"><span></span>yellow</li>
    </ul>
    <ul class="pen-selector" id="pen-selector" style="display:none;">
        <li class="x1" data-size="1"><span></span>x1</li>
        <li class="x3" data-size="3"><span></span>x3</li>
        <li class="x5" data-size="5"><span></span>x5</li>
        <li class="x10" data-size="10"><span></span>x10</li>
        <li class="x20" data-size="20"><span></span>x20</li>
    </ul>
</div>

<script src="js/init.js"></script>
<!-- <script src="js/tools.js"></script>
<script src="js/colorSelector.js"></script>
<script src="js/penSelector.js"></script>
<script src="js/main.js"></script> -->
</body>
</html>
